<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>应聘登记表</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/form.css">
    <link rel="stylesheet" href="./css/pick.css">
    <link rel="stylesheet" href="./css/datepick.css">
    <link rel="stylesheet" href="./css/marrypick.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2085790_fr640pyzjv8.css">
</head>
<body>
    <header>
        <h1>XXXXXX有限公司</h1>
        <p>应聘登记表</p>
    </header>
    <form action="submit">
        <div class="formitem fistmargin">
            <label for="gangwei"><span>*</span>应聘岗位</label>
            <input id="gangwei" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>填表日期</label>
            <div class="select" onclick="datepickShow()">请选择<i class="iconfont icon-xiala"></i></div>
        </div>
        <div class="formitem">
            <label><span>*</span>姓名</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>出生日期</label>
            <div class="select" onclick="datepickShow()">请选择<i class="iconfont icon-xiala"></i></div>
        </div>
        <div class="formitem">
            <label><span>*</span>民族</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>政治面貌</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>婚否</label>
            <div class="select" onclick="marrypickShow()">请选择<i class="iconfont icon-xiala"></i></div>
        </div>
        <div class="formitem">
            <label><span>*</span>健康状况</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>籍贯（省、市）</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>联系方式</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>电子邮件</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>学历</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>现住地</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>目前是否在职</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>预计到岗时间</label>
            <div class="select" onclick="datepickShow()">请选择<i class="iconfont icon-xiala"></i></div>
        </div>
        <div class="formitem">
            <label><span>*</span>期望薪资</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>外语水平</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>计算机水平</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>教育经历（请至少完整填写一行）</label>
            <table class="table">
                <tr>
                    <th>时间</th>
                    <th>毕业院校</th>
                    <th>专业</th>
                    <th>详细情况</th>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="formitem">
            <label><span>*</span>工作经历（请至少完整填写一行，没有则写<span>`无`</span>）</label>
            <table class="table">
                <tr>
                    <th>时间</th>
                    <th>毕业院校</th>
                    <th>专业</th>
                    <th>详细情况</th>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="formitem">
            <label>个人荣誉</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label>兴趣特长</label>
            <input id="" type="text" placeholder="请输入" />
        </div>
        <div class="formitem">
            <label><span>*</span>自我评价</label>
            <textarea placeholder="请输入" rows="7"></textarea>
        </div>
        <input type="submit" value="提交" />
    </form>


    <div id="chosed_box" onclick="allHide()"></div>
    <div class="datepick">
        <div class="button">
            <button onclick="datepickHide()">取消</button><button onclick="datepickHide()">确定</button>
        </div>
        <div class="floatfix">
            <h5 class="h5float">年</h5>
            <h5 class="h5float">月</h5>
            <h5 class="h5float">日</h5>
            <div id="yearContainer" class="pickContainer pickfloat">
                <ul id="year_ul" class="scroll_ul">
                    <li class="scroll_space"></li>
                    <li class="scroll_li">1990</li>
                    <li class="scroll_li">1991</li>
                    <li class="scroll_li">1992</li>
                    <li class="scroll_li">1993</li>
                    <li class="scroll_li">1994</li>
                    <li class="scroll_li">1995</li>
                    <li class="scroll_li">1996</li>
                    <li class="scroll_li">1997</li>
                    <li class="scroll_li">1998</li>
                    <li class="scroll_li">1999</li>
                    <li class="scroll_li">2000</li>
                    <li class="scroll_li">2001</li>
                    <li class="scroll_li">2002</li>
                    <li class="scroll_li">2003</li>
                    <li class="scroll_li">2004</li>
                    <li class="scroll_li">2005</li>
                    <li class="scroll_li">2006</li>
                    <li class="scroll_li">2007</li>
                    <li class="scroll_li">2008</li>
                    <li class="scroll_li">2009</li>
                    <li class="scroll_li">2010</li>
                    <li class="scroll_li">2011</li>
                    <li class="scroll_li">2012</li>
                    <li class="scroll_li">2013</li>
                    <li class="scroll_li">2014</li>
                    <li class="scroll_li">2015</li>
                    <li class="scroll_li">2016</li>
                    <li class="scroll_li">2017</li>
                    <li class="scroll_li">2018</li>
                    <li class="scroll_li">2019</li>
                    <li class="scroll_li">2020</li>
                    <li class="scroll_li">2021</li>
                    <li class="scroll_li">2022</li>
                    <li class="scroll_space"></li>
                </ul>
            </div>
            <div id="monthContainer" class="pickContainer pickfloat">
                <ul id="month_ul" class="scroll_ul">
                    <li class="scroll_space"></li>
                    <li class="scroll_li">1</li>
                    <li class="scroll_li">2</li>
                    <li class="scroll_li">3</li>
                    <li class="scroll_li">4</li>
                    <li class="scroll_li">5</li>
                    <li class="scroll_li">6</li>
                    <li class="scroll_li">7</li>
                    <li class="scroll_li">8</li>
                    <li class="scroll_li">9</li>
                    <li class="scroll_li">10</li>
                    <li class="scroll_li">11</li>
                    <li class="scroll_li">12</li>
                    <li class="scroll_space"></li>
                </ul>
            </div>
            <div id="dayContainer" class="pickContainer pickfloat">
                <ul id="day_ul" class="scroll_ul">
                    <li class="scroll_space"></li>
                    <li class="scroll_li">1</li>
                    <li class="scroll_li">2</li>
                    <li class="scroll_li">3</li>
                    <li class="scroll_li">4</li>
                    <li class="scroll_li">5</li>
                    <li class="scroll_li">6</li>
                    <li class="scroll_li">7</li>
                    <li class="scroll_li">8</li>
                    <li class="scroll_li">9</li>
                    <li class="scroll_li">10</li>
                    <li class="scroll_li">11</li>
                    <li class="scroll_li">12</li>
                    <li class="scroll_li">13</li>
                    <li class="scroll_li">14</li>
                    <li class="scroll_li">15</li>
                    <li class="scroll_li">16</li>
                    <li class="scroll_li">17</li>
                    <li class="scroll_li">18</li>
                    <li class="scroll_li">19</li>
                    <li class="scroll_li">20</li>
                    <li class="scroll_li">21</li>
                    <li class="scroll_li">22</li>
                    <li class="scroll_li">23</li>
                    <li class="scroll_li">24</li>
                    <li class="scroll_li">25</li>
                    <li class="scroll_li">26</li>
                    <li class="scroll_li">27</li>
                    <li class="scroll_li">28</li>
                    <li class="scroll_li">29</li>
                    <li class="scroll_li">30</li>
                    <li class="scroll_li">31</li>
                    <li class="scroll_space"></li>
                </ul>
            </div>
        </div>
    </div> 
    <div class="marrypick">
        <div class="button">
            <button onclick="marrypickHide()">取消</button><button onclick="marrypickHide()">确定</button>
        </div>
        <h5>婚否</h5>
        <div id="marryContainer" class="pickContainer">
            <ul id="marry_ul" class="scroll_ul">
                <li class="scroll_space">---</li>
                <li class="scroll_li">已婚</li>
                <li class="scroll_li">未婚</li>
                <li class="scroll_space">---</li>
            </ul>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="./js/Picker.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/pickConfig.js"></script>
    <script src="./js/click.js"></script>
</body>
</html>